<apes-header>
  <!--<apes-button-list class="buttonList" [ctx]="ctx" [buttonBarMetadata]="buttonBar"-->
                    <!--(click)="onEvent($event)"></apes-button-list>-->
</apes-header>
<div>
  <!-- 头部 -->
  <apes-card apes-row apesSpan="1">
    <div *ngFor="let head of topList" style="display: flex;">
      <div apes-col apesSpan="6">
        <div *ngFor="let i of head.headOne" class="head-one">
          <span
            *ngIf=" (i['key']  !== '会员') && (i['key']  !== '车牌号') ">
        {{ headOne[i['feild']] }}
        </span>
          <span *ngIf=" i['key']  === '会员' " (click)="vipOpen()">
        <a href="javascript:void(0)">{{ headOne[i['feild']] }}</a>
        </span>
          <span *ngIf=" i['key']  === '车牌号' " (click)="carOpen()">
        <a href="javascript:void(0)">{{ headOne[i['feild']] }}</a>
        </span>
        </div>
      </div>
      <div apes-col apesSpan="8">
        <div *ngFor="let i of head.headTwo" class="head-cont">
          <span class="cont-span">{{ i.lable }}：</span>
          <span class="cont-input">{{ headTwo[i['feild']] }}</span>
        </div>
      </div>
      <div apes-col apesSpan="8">
        <div *ngFor="let i of head.headThe" class="head-cont">
          <span class="cont-span">{{ i.lable }}：</span>
          <span class="cont-input">{{ headThe[i['feild']] }}</span>
        </div>
      </div>
    </div>
  </apes-card>

  <!-- 标签内容 -->
  <apes-tabset [apesSelectedIndex]=selectIndex>
    <apes-tab apesTitle="车辆总控报表">
      <!--&lt;!&ndash; 接车检测 / 全部车辆 &ndash;&gt;-->
      <!--<apes-card apes-row apesGutter="1" apesSpan="1" [apesBodyStyle]="{ padding: 0}">-->
        <!--<div apes-col apesSpan="12">-->
          <!--<car-step></car-step>-->
        <!--</div>-->
        <!--<div apes-col apesSpan="12" class="steps" [class.steps-over]=" childStep.iconData.length === 0 ">-->
          <!--<apes-radio-group [(ngModel)]="checkKeys" (click)="getKeys(checkKeys)">-->
            <!--<label apes-radio apesValue="0">全部</label>-->
            <!--<label apes-radio apesValue="1">未完成</label>-->
            <!--<label apes-radio apesValue="2">已超时</label>-->
          <!--</apes-radio-group>-->
        <!--</div>-->

      <!--</apes-card>-->
      <!--&lt;!&ndash; 定损报价，配件询价，配件要货，车辆施工 &ndash;&gt;-->
      <!--<apes-card *ngFor="let data of reportList" [apesBodyStyle]="{ padding: 0 }">-->
        <!--<car-table [parmas]="data"></car-table>-->
      <!--</apes-card>-->
      <apes-card>
        <apes-form-item>
          <!--<apes-form-label  apes-col [apesMd]="2">文本域</apes-form-label>-->
          <apes-form-control  apes-col [apesMd]="16">
            <textarea rows="4" apes-input [(ngModel)]="review" placeHolder="'如果有任何的不满意的地方，请及时反馈，我们期待您的任何建议'"></textarea>
            <div style="text-align: right">
              <button apes-button [apesSize]="'default'" (click)="action_save()">提交</button>
            </div>
            <div *ngFor="let item of reviewData,let i = index">
              <div style="display: flex">
                <div style="width: 78%;display: block;">{{i + 1}}、{{item['JLYY']}}</div>
                <div style="width: 20%; text-align: right">
                  <span>{{ item['JLRMC'] }}</span>
                  <span style="margin-left: 8px">{{ timeChange(item['LRRQ_SJ']) }}</span>
                </div>
              </div>
            </div>
          </apes-form-control>
        </apes-form-item>
      </apes-card>
      <div *ngFor="let data of cryData">
        <pro-panel [parmas]="data"></pro-panel>
      </div>
      <div *ngFor="let data of cryDataOne">
        <pro-minutia [parmas]="data"></pro-minutia>
      </div>
    </apes-tab>

    <apes-tab apesTitle="服务方案">
      <service-pro [parmes]="parmes"></service-pro>
    </apes-tab>
  </apes-tabset>

  <!-- 会员抽屉事件 -->
  <apes-drawer [apesWidth]="'25%'" [apesClosable]="'true'" [apesBodyStyle]="{ overflow: 'auto'}"
               [apesVisible]="vipVisible" apesTitle="会员信息" (apesOnClose)="vipClose()">
    <!-- 会员信息页 -->
    <member-info [parmes]="parmes"></member-info>
  </apes-drawer>

  <!-- 车辆抽屉事件 -->
  <apes-drawer [apesWidth]="'30%'" [apesClosable]="'true'" [apesBodyStyle]="{ overflow: 'auto'}"
               [apesVisible]="carVisible" apesTitle="车辆信息" (apesOnClose)="carClose()">
    <!-- 车辆信息页 -->
    <vehicle-info [parmes]="parmes"></vehicle-info>
  </apes-drawer>
</div>
